.inmidlediv form{
    text-align: center;
}
.midlediv{ font-family:"aldhabi" ;

}
input::placeholder{
    font-family:"aldhabi" ;
font-size: 1.3em;
}
input[type="submit"]{
   font-family:"aldhabi" ;
    font-size: 1.3em;
}
.h1midle{text-align: center;
color: black;

}



.inmidlediv{
border: solid 7px rgb(173, 139, 216)  ;
width: 50%;
margin:3%auto;
background-color: rgb(108, 114, 114);
border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 10px 10px rgb(126, 60, 120);
}
.midlediv{
width: 80%;
height: auto;
border: solid 5px rgb(66, 61, 122);
background-color: rgb(61, 40, 104);
box-shadow: 10px 10px 10px 10px rgb(126, 60, 120);
margin: auto;
border-radius: 20px 20px 20px 0px;


}
html{


    background-color:  rgb(9, 10, 10);
}

@font-face{
    font-family:"UrdType";
src: url(../font/Andalus.eot),
url(../font/UrdType.ttf),
url(../font/Andalus.woff),
url(../font/Andalus.woff2),
}
.backssingin{
      text-align: center;
width: 50%;
height: auto;
    margin: 3%auto;
background-color: rgb(186, 186, 186);
border-radius: 17px 17px 17px 17px;
box-shadow: 7px 7px 7px 3px cadetblue;
}
a:hover{
    background-color:rgb(103, 103, 160) ;
    border-radius: 10px 10px 10px 10px;
}